<!--
* @Authoer: weimei
* @Description: 业务功能管理
* @Date 2017/12/5 9：30
* @Modified By:
-->
<div id="functionManage">
	<yu-panel :title="$t('functionManage.ywgngl')">
		<el-row :gutter="10">
			<el-col :span="10">
				<yu-xform v-model="modFormdata" related-table-name="modTable" form-type="search">
					<yu-xform-group :column="2">
						<yu-xform-item :label="$t('functionManage.mkmc')" :placeholder="$t('functionManage.mkmc')" ctype="input" name="modName"></yu-xform-item>
					</yu-xform-group>
				</yu-xform>
				<yu-toolBar>
					<el-button @click="modAddFn" v-if="modAddCheck">{{ $t('functionManage.xz') }}</el-button>
					<el-button @click="modModifyFn" v-if="modModifyCheck">{{ $t('functionManage.xg') }}</el-button>
					<el-button @click="modDeleteFn" v-if="modDeleteCheck">{{ $t('functionManage.sc') }}</el-button>
				</yu-toolBar>
				<el-table-x ref="modTable" @row-dblclick="modSelect" @row-click="modSelect" :height="height" :radiobox='true' :data-url="modDataUrl"
				 :table-columns="modTableColumns" @custom-row-click="modRowClick">
				</el-table-x>
				<el-dialog-x :center="true" :title="viewTitle[viewType]" :visible.sync="modDialogVisible">
					<el-form-x ref="modForm" :group-fields="modFields" :buttons="modFormButtons" :disabled="modFormDisabled" label-width="120px"></el-form-x>
				</el-dialog-x>
			</el-col>
			<el-col :span="14">
				<yu-xform v-model="funcFormdata" related-table-name="funcTable" form-type="search">
					<yu-xform-group :column="3">
						<yu-xform-item :label="$t('functionManage.gndmc')" :placeholder="$t('functionManage.gndmc')" ctype="input" name="funcName"></yu-xform-item>
						<yu-xform-item :label="$t('functionManage.lj')" :placeholder="$t('functionManage.lj')" ctype="input" name="funcUrl"></yu-xform-item>
					</yu-xform-group>
				</yu-xform>
				<yu-toolBar>
						<el-button @click="funcAddFn" v-if="funcAddCheck">{{ $t('functionManage.xz') }}</el-button>
						<el-button @click="funcModifyFn" v-if="funcModifyCheck">{{ $t('functionManage.xg') }}</el-button>
						<el-button @click="funcDeleteFn" v-if="funcDeleteCheck">{{ $t('functionManage.sc') }}</el-button>
				</yu-toolBar>
				<el-table-x ref="funcTable" :checkbox="true" @custom-row-click="funcRowClick" :height="height" :data-url="funcDataUrl" :table-columns="funcTableColumns">
				</el-table-x>
				<el-dialog-x :center="true" :title="viewTitle[viewType]" :visible.sync="funcDialogVisible">
					<el-form-x ref="funcForm" :group-fields="funcFields" :buttons="funcFormButtons" :disabled="funcFormDisabled" label-width="120px">
					</el-form-x>
				</el-dialog-x>
			</el-col>
		</el-row>
	</yu-panel>

	<div>
		<el-dialog-x :center="true" :title="$t('functionManage.tbxz')" :visible.sync="iconDialogVisible" height="400px">
			<div class="yu-icons">
				<a v-for="icons in icons" href="javascript:void(0)" :class="icons" :title="icons" @click="iconSelect"></a>
			</div>
		</el-dialog-x>
	</div>
</div>